<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>行高</title>
    <style>
      #d1 {
        font-size: 40px;
        background-color: skyblue;
        line-height: normal;
      }
      .atguigu1 {
        font-size: 40px;
        background-color: skyblue;
        /* line-height的写法 (不建议line-height和font-size一样大，line-height建议为font-size的1.5倍~2倍) */
        line-height: 40px;
        /* line-height: 1.5 */
        /* line-height: 150%; */
      }
    </style>
  </head>
  <body>
    <div id="d1">
      atguigu尚硅谷让天下没有难学的技术atguigu学前端天天掉头发atguigu尚硅谷让天下没有难学的技术at端天天掉头发atguigu尚硅谷让天下没有难学的技术atguigu学前端天天掉头发
    </div>
    <div class="atguigu1">尚硅谷，让天下没有难学的技术</div>
    <div class="atguigu2">尚硅谷，让天下没有难学的技术</div>
    <div class="atguigu3">尚硅谷，让天下没有难学的技术</div>
    <div class="atguigu4">尚硅谷，让天下没有难学的技术</div>
  </body>
</html>
